<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Random Color Generator</title>
		<link rel="stylesheet" href="style.css" />
		<link rel="shortcut icon" href="assets/wheel.png" type="image/x-icon" />
		<link
			rel="stylesheet"
			href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css"
		/>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
	</head>
	<body>
		<h2 class="heading">Random Color Generator</h2>

		<div class="body">
			<div class="item">
				<button class="btn" onclick="addColor();">Refresh</button>
				<div class="copy">Click on any box below to copy the code.</div>
			</div>
			<div class="cont">
				<section class="container"></section>
			</div>
		</div>
		<br /><br />
		<footer>
			<p>
				&#x3c; &#47; &#x3e; with ❤️ by
				<a href="https://swapnilsparsh.github.io/">Swapnil Srivastava</a>
				<br />
				<a
					href="https://github.com/swapnilsparsh/30DaysOfJavaScript"
					target="_blank"
					>#30DaysOfJavaScript
				</a>
			</p>
		</footer>

		<script src="main.js"></script>
	</body>
</html>
